// 配置axios的基地址
axios.defaults.baseURL = 'https://hmajax.itheima.net'
//测试基地址
// axios({
//     url:'/api/area'
// }).then(res=>{
//     console.log(res);
// })


// 请求拦截
axios.interceptors.request.use((config) => {
    // config请求的配置信息
    const token = localStorage.getItem('token')
    // 有token带token，没有token就不携带
    if (token) {
        config.headers.Authorization = token
    }
    // 必须return config——代表发送这个请求
    return config
}, (err) => {
    // 请求失败返回一个失败的promise对象
    return Promise.reject(err)
})

// 响应拦截
axios.interceptors.response.use(({data}) => {
    // 后台响应成功
    return data
}, (err) => {
    if (err.response.status === 401) {
        showToast('登录失败，请重新登录')
        localStorage.removeItem('token')
        setTimeout(() => {
            location.href = './login.html'
        }, 1000)
    }
    return Promise.reject(err)
})


// 封装一个公共的吐司提示框
function showToast(message) {
    // 找到弹层页面
    const toast = document.querySelector('.toast')
    // 通过模板实例化一个弹层
    const registerToast = new bootstrap.Toast(toast)
    // 修改弹层的提示文字
    toast.querySelector('.toast-body').innerText = message
    // 展示弹层
    registerToast.show()
}
// 封装一个token函数
function ckeckLogin() {
    const token = localStorage.getItem('token')
    if (!token) {
        // 提示用户暂时未登录
        showToast('当前未登录')
        setTimeout(() => {
            location.href = './login.html'
        }, 1000)
    }
}
// 弹层函数
// function openModal() {
//     // 找到弹层页面
//     const modal = document.querySelector('#modal');
//     // 通过模板实例化一个弹层
//     const statusModal = new bootstrap.Modal(modal);
//     // 展示弹层
//     statusModal.show();
// }
